<template>
	<view>
		<tui-tabs :tabs="tabs" :isFixed="true" :currentTab="currentTab" selectedColor="#E41F19" sliderBgColor="#E41F19"
		 @change="change" itemWidth="50%" width="100%"></tui-tabs>
		 <view  class="page-box" v-show="currentTab==0" >
		 	<afterSaleList v-if="show"></afterSaleList>
		 </view>
		 <view  class="page-box" v-show="currentTab==1" >
		 	<returnApplicationRecord v-if="show"></returnApplicationRecord>
		 </view>
		 <u-no-network tips="哎呀，网络信号丢失"></u-no-network>
	</view>
</template>

<script>
	import afterSaleList from '../../components/afterSaleList.vue'
	import returnApplicationRecord from '../../components/returnApplicationRecord.vue'
	export default {
		components:{
			afterSaleList,
			returnApplicationRecord,	
			
		},
		data() {
			return {
				tabs: [{
					name: "售后申请"
				}, {
					name: "申请记录"
				}],
				currentTab: 0,
				pageIndex: 1,
				show:true,
			}
		},
		onShow() {
			this.show=false
			setTimeout(()=>{
				this.show=true
			},1)
		},
		methods: {
			change(e) {
				this.currentTab = e.index
			},
		}
	}
</script>

<style scoped>
	.page-box{
		margin-top: 90rpx;
	}
	
</style>